<script type="text/javascript">
  $(document).ready(function() {
    $("#accordion").accordion();
    $("#generate").click(function(){
        var input = $("#in").val();
        $("#quote p").load("ajax/count/"+input);
    });
  });

</script>
<style type="text/css">
			/*demo page css*/
			body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
</style>
<table width="500" class="ui-widget ui-widget-content">
<br>ค้นหาประวัติคนไข้
<input id="in" name="in" type="text">
 <div id="wrapper">
   <div id="quote"><p></p></div>
   <input type="submit" id="generate" value="Generate!">
 </div>
</table>

<table class="ui-state-default ui-corner-all"><tr><td>test</td></tr>
<tr><td>test</td></tr></table>
